/*!
 * CSS Custom - Honda Cars Project
 * Last Update : Aug 20, 2015
 */

/* >>> Custom Reset <<< */ 

body { font-family: 'allerregular', Arial, Helvetica, sans-serif; color: #585858}
h1,h2,h3 { margin: 0; padding: 0; font-weight: normal; }

a:hover { text-decoration: none}

.container { max-width: 980px;}

.nopad { padding: 0 !important;}

/* >>> Base Layout <<< */ 

	/* >>> Header <<< */ 
	.base-header { background: #181818; position: absolute; width: 100%; top: 30px; z-index: 10}
	
	/* >>> Navbar + Hax <<< */ 
	
	.navbar { margin-bottom: 0; border: none; border-bottom: solid 6px #e11428; border-radius: 0; min-height: 40px }
	
	.navbar-header {}
	
	.navbar-brand { position: absolute; z-index: 10; padding: 0; width: 120px; left: 50%; margin-left: -60px !important; height: auto;
		top: -22px;
	}
	.navbar-brand img { width: 100%; height: auto}
	
	.navbar-collapse.collapse { padding-left: 0; padding-right: 0;}
		
	.navbar-nav { width: 100%; text-transform: uppercase;}	
		.navbar-nav li { display: inline-block; margin-bottom: -5px;}
		.navbar-nav a { color: #a2a2a2; font-size: 16px; padding: 14px 10px 10px; border-bottom: solid 6px transparent;}
		.navbar-nav li.active a { color: #fff; border-bottom: solid 6px #e11428;}
	.navbar-pull-left { float: left; width: 50%; text-align: left}
		.navbar-pull-left  a { margin-right: 30px; float: left}
	.navbar-pull-right { float: right; width: 50%; text-align: left; padding-left: 60px;}
		.navbar-pull-right  a { margin-left: 30px; float: left}
		
	.navbar-nav > li > a:focus { background: none}				
		.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: none !important; border-bottom: solid 6px #e11428;	} 
	
	.dropdown-menu { margin-top: 0; text-transform: none; padding: 0; border: none;
		border-radius: 0; -webkit-box-shadow: none; box-shadow: none;
	}
	.dropdown-menu li { display: block;}
	.dropdown-menu li a { margin: 0; padding: 5px 10px; display: block; float: none}
	
	.navbar-toggle { background: #e11428; margin-top: 24px; border-radius: 0;}
	
	.m-navbar { background: #3a414b; padding: 15px;}
		
	.m-navbar .menu-block { padding: 10px; }
	.m-navbar .menu-block.blank { border: none}
	.m-navbar .menu-block.centering { text-align: center}
	
	ul.menu-m-list { list-style: none; margin: 0; padding: 0; color: #FFFFFF}
		ul.menu-m-list > li { display: block; padding: 0; font-size: 13px; text-transform: uppercase;}
		ul.menu-m-list li a { display: block; padding: 5px 0}
			ul.menu-m-list li a:hover, ul.menu-m-list li a:active, ul.menu-m-list li a:focus { text-decoration: none}
		ul.menu-m-list .panel { border: none; padding: 0; border-radius: 0; background: none;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		
		ul.menu-m-list .panel .panel-heading { padding: 0; position: relative}
			ul.menu-m-list .panel .panel-heading .panel-title { }
			ul.menu-m-list .panel .panel-heading a {color: #fff; display: block; padding: 15px 30px 15px 0;}
			ul.menu-m-list .panel .panel-heading a.sub-toggle { position: absolute; padding: 2px 10px; right: 0; top: 12px; background: #e11428}
			ul.menu-m-list .panel .panel-heading.active .panel-title a { border-bottom: solid 2px #000; padding-bottom: 5px;}
		ul.menu-m-list .panel .panel-body { border: none !important; padding: 0 0 0 15px;}
		ul.menu-m-list .panel .panel-body ul { list-style: none; margin: 5px 0 0; padding: 0; font-size: 14px;}
		ul.menu-m-list .panel .panel-body ul li { padding: 3px 0;}
		ul.menu-m-list .panel .panel-body ul li a { color: #fff; font-weight: normal}
	
	@media only screen and (min-width: 992px) and (max-width: 1199px)  {
		.navbar-nav a { font-size: 14px;}
	}
		
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.navbar-nav a { font-size: 13px;}
		
		.navbar-pull-left { }
			.navbar-pull-left  a { margin-right: 15px; }
		.navbar-pull-right {}
			.navbar-pull-right  a { margin-left: 10px;}
	}
	
	@media only screen and (max-width: 767px) {			
		.base-header { position: static}		
		.navbar-brand { position: static; width: 80px; padding: 10px 0; left: 0; margin-left: 0 !important; top: 0}	
		
		.navbar-nav { margin: 0;}
		.navbar-nav li { display: block}
		.navbar-pull-left, .navbar-pull-right { float: none; width: auto; text-align: left}
			.navbar-pull-left a, .navbar-pull-right a { float: none; display: block; margin: 0; padding: 10px 5px;}
	}
	
	/* >>> Body <<< */ 
	.banner-wrapper { position: relative}
		.banner-wrapper img { width: 100%; height: auto}
		.banner-wrapper .container { position: relative; top: -160px;}
		.banner-wrapper h1 { position: absolute; top: 20px; height: 42px; line-height: 42px; padding: 0 20px;
			left: 0; font-size: 28px; background: #e11428; color: #FFFFFF
		}
			.banner-wrapper h1:after { position: absolute; top: 0; right: -42px;
				content: ""; display: block; border-top: 42px solid #e11428; border-right: 42px solid transparent;
			}
	
	
	.block {border-bottom: solid 6px #e11428;}
	
	.btn-area { margin: 20px 0;}
		.btn-area .btn:hover { color: #fff;}
		.btn-more { background: #e11428; color: #FFFFFF; text-align: center; padding: 8px 10px; width: 100%; font-size: 16px; font-weight: bold;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
		}
		.btn-more-com { background: #1b1d1f; color: #FFFFFF; text-align: center; padding: 8px 100px; font-size: 16px; font-weight: bold; display: inline-block;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
		}
		.btn-buy { background: #e11428; color: #FFFFFF; text-align: center; padding: 10px 15px; width: 100%; font-size:22px; font-weight: bold;}
	
	/* >>> Base Tweak <<< */ 
	
	.base-body {}
	.base-white { background: #fff}
	.base-dark { background: #212224}
	
	img.bg { position: relative; width: 100%; height: auto}
	
	.row.reset { margin-left: 0; margin-right: 0;}
	
	.panel-block {}
		.panel-block .caption {width: 490px; padding: 15px;}
	
	.panel-left:before, .panel-right:before, .panel-left:after, .panel-right:after { display: table; content: " "; clear: both}
	
	.panel-left { width: 50%; float: left}
		.panel-left .caption { float: right;}
		
	.panel-right { width: 50%; float: right}
		.panel-right .caption { float: left; }
	
	.panel-left.bg-dark { background: #161719; position: relative}
		.panel-left.bg-dark img.border { width: 80px; position: absolute; top: 0; bottom: 0; right: -80px; height: 100%}
		
	.panel-right.bg-dark { background: #424242; position: relative}
		.panel-right.bg-dark img.border { width: 80px; position: absolute; top: 0; bottom: 0; left: -80px; height: 100%}	
	
	.bg-dark-op { color: #fff; margin: 25px 0; font-size: 14px; line-height: 20px;
		background: rgb(0, 0, 0); /* The Fallback */
		background: rgba(0, 0, 0, 0.80); 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	
	.bg-red-op { color: #fff; margin: 25px 0; font-size: 14px; line-height: 20px;
		background: rgb(225, 20, 40); /* The Fallback */
		background: rgba(225, 20, 40, 0.80); 
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	
	.block-pagination { text-align: center; padding: 25px 0 60px}
		.pagination > li > a, .pagination > li > span { background: none; border: none; color: #fff; font-size: 16px;}
		.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus
		{
			background: none; border: none
		}
		
	@media only screen and (min-width: 992px) and (max-width: 1199px)  {
		.panel-block .caption{ width: 485px}
	}
		
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.panel-block .caption { width: 375px}	
	}
	
	@media only screen and (max-width: 767px) {
		.panel-left, .panel-right { width: auto; float: none}
		.panel-block .caption { width: auto}
		
		.bg-dark { }
			.bg-dark img.border { display: none}
	}
	
	/* >>> Footer <<< */ 
	.base-footer {  color: #1b1d1f; font-size: 14px; text-align: center }
		.base-footer .footer-socmed { text-align: center; height: 0;}
		.base-footer .footer-socmed ul { background: #1b1d1f; margin: 0; padding: 0 10px; list-style: none; display: inline-block; height: 50px; line-height: 50px;
			position: relative; top: -70px;
		}
		.base-footer .footer-socmed ul:before { content:""; position: absolute; left: -20px; top: 0;
			width: 0; height: 0; border-style: solid; border-width: 0 0 50px 20px;
			border-color: transparent transparent #1b1d1f transparent;
		}
		.base-footer .footer-socmed ul:after {content:""; position: absolute; right: -20px; top: 0;
			width: 0; height: 0; border-style: solid; border-width: 50px 0 0 20px;
			border-color: transparent transparent transparent #1b1d1f;
		}
		.base-footer .footer-socmed ul li { font-size: 34px; display: inline-block}
		.base-footer .footer-socmed ul li  a { color: #FFFFFF; padding: 0 12px;}
		.base-footer .footer-menu { background: #1b1d1f;  padding: 20px 0 25px; position: relative}
		.base-footer .footer-logo { width: 60px; position: absolute; left: 50%; margin-left: -30px;}
		.base-footer .footer-link { overflow: hidden;}
		.base-footer .footer-link a { color: #99a9b3;}
		.base-footer .footer-link ul { list-style: none; font-size: 18px; margin-top: 10px;}
		.base-footer .footer-link ul li { display: inline-block}	
		.base-footer .footer-link .left { float: left; padding-right: 35px;}
		.base-footer .footer-link .left li { margin-left: 20px;}
		.base-footer .footer-link .right { float: right; padding-left: 35px;}
		.base-footer .footer-link .right li { margin-left: 20px;}
		
		.base-footer .footer-copy {background: #e11428; padding: 5px 0; letter-spacing: 0.5px; font-size: 14px;}
		.base-footer .footer-copy span { color: #fff;}
	
	@media only screen and (min-width: 992px) and (max-width: 1199px)  {
		.base-footer .footer-link ul { font-size: 15px;}
		.base-footer .footer-link .left li { margin-left: 25px;}
		.base-footer .footer-link .right li { margin-right: 15px}
	}
		
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.base-footer .footer-link ul { font-size: 12px;}
		.base-footer .footer-link .left li { margin-left: 15px;}
		.base-footer .footer-link .right li { margin-right: 3px}
	}
	
	@media only screen and (max-width: 767px) {
		.base-footer .footer-link .left, .base-footer .footer-link .right { display: none}
		.base-footer .footer-logo { width: auto; position: relative; left: 0; margin-left: 0; text-align: center}
	}
	
/* >>> Module Style <<< */


	/* >>> Aligner <<< */
	.aligner-wrap { display: table; vertical-align: middle; width: 100%; height: 100%;}
		.aligner {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}	

	/*-- Flexslider --*/
	.flexslider { overflow: hidden;	border: none; margin-bottom: 0; 	 
		-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
	}
	.flexslider .flex-direction-nav a { width: 19px; height: 48px; text-indent: 9999px;
		background: url(assets/img/nav-slide.png) no-repeat; overflow: hidden; margin-top: -24px;}
		.flex-direction-nav a:before { display: none;}
		.flexslider .flex-direction-nav a.flex-next { background-position: -19px 0}
		.flexslider .flex-direction-nav a.flex-prev {}
	
	.flexslider .slides > li {-webkit-backface-visibility: visible} /* brute fix for flickering */
	
	/*-- Owl --*/
	.slide-content { padding: 0 20px;}
		.slide-content .item { padding: 15px;}
		.slide-content .item-thumb { margin: 10px 0; text-align: center}
		.slide-content .item-thumb img { max-width: 100%; height: auto}
	
		.owl-carousel .owl-wrapper-outer { z-index: 10;}	
		.owl-theme .owl-controls { position: absolute; top: 0; width:100%; top: 25%; left: 0; right: 0; z-index: 10000;}
			.owl-theme .owl-controls .owl-buttons div { width: 19px; height: 48px; background:url(assets/img/nav-carousel.png) no-repeat;
				overflow: hidden; text-indent: -9999px; position: absolute;
				margin: 0; padding: 0; 
			}
			.owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0; background-position: 0 0;}
			.owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; background-position: -19px 0;}	
	
	/*-- Link Brochure --*/
	.link-brochure { background: url(assets/img/bg-brochure.jpg) bottom no-repeat; background-size: cover; padding: 30px 0;}
		.link-brochure h1 { text-align: center; font-weight: bold; margin: 0 0 70px; font-size: 48px; color: #fff; text-transform: uppercase}
		.link-brochure h1 span { color: #e11428;}
		.link-brochure .link { text-align: center;}
		.link-brochure .link a { display: inline-block; padding: 20px 70px 20px 50px; background: #e11428 url(assets/img/bg-button-more.png) no-repeat center right 20px;
			color: #fff; text-transform: uppercase; font-weight: bold; font-size: 28px;
			-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
			-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
			-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
			box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);
		}
		
	/*-- Homepage --*/
	.home-teaser { color: #a2a2a2;}
		.home-teaser .panel-block { margin: 20px 0;}		
		.home-teaser h1 { font-size: 48px; margin: 10px 0 15px; padding: 0; line-height: 58px; text-transform: uppercase; font-weight: bold}
		.home-teaser h1 span { color: #e11428}
	
	.home-dealer { color: #fff; text-align: right}
		.home-dealer .panel-block { margin: 0;}		
		.home-dealer h1 { font-size: 48px; margin: 10px 0 15px; padding: 0; line-height: 58px; text-transform: uppercase; font-weight: bold;}
		.home-dealer h1 span { color: #e11428}
		.home-dealer .btn-more { display: inline-block; width: 70%}
	
	
	@media only screen and (max-width: 767px) {
		.home-teaser .panel-block { margin: 0}
		.home-teaser h1 { font-size: 28px; line-height: 32px; margin: 0 0 10px}
		
		.home-dealer { text-align: left; padding-bottom: 40px; background: #424242 !important}
		.home-dealer .btn-more { display: block; width: 100%}
	}
	
	/*-- Home Carousel --*/
	.home-carousel {background: #f3f3f3}
		.home-carousel .item-thumb {}
		.home-carousel .item-content {}
		.home-carousel .item-content label { text-align: center; background: #e11428; height: 35px; line-height: 35px; color: #FFFFFF; display: block; position: relative;
			margin: 0; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
		}
		.home-carousel .item-content label:after { content:""; position: absolute; right: 0; top: 0;
			width: 0; height: 0; border-style: solid; border-width: 0 20px 35px 0;
			border-color: transparent #f3f3f3 transparent transparent;
		}
		.home-carousel .item-content p { padding: 10px;}
		.home-carousel .item-content .link-more { text-align: center; margin: 10px 0;}
		.home-carousel .item-content .link-more a { text-transform: uppercase; font-size: 16px; color: #e11428;}
	
	/*-- News View --*/
	.news-view {}
		.news-list { list-style: none; margin: 0; padding: 0;}
		.news-list li { overflow: hidden}
		.news-list .news-thumb { width: 50%;}
			.news-list .news-thumb img { width: 100%; height: auto}
		.news-list .news-body { width: 50%;}
			.news-list .news-body .wrap { background: #FFFFFF; margin: 20px 0; width: 80%;}
			.news-list .news-body .wrap .news-content { padding: 20px; overflow: hidden}
			.news-list .news-body .wrap .news-content p { margin-bottom: 15px;}
			.news-list .news-body .wrap .news-title { font-size: 20px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase}
			.news-list .news-body .wrap .news-title a {}			
			.news-list .news-body .wrap .more { float: right; font-weight: bold}
			
		
		.news-list li:nth-child(odd) .news-thumb { float: left}
		.news-list li:nth-child(odd) .news-body { float: left }
		.news-list li:nth-child(odd) .news-body .wrap { float: left; background: #fff; color: #6e6e6e}
		.news-list li:nth-child(odd) .news-body .wrap .news-title a { color: #e3132b}
		.news-list li:nth-child(odd) .news-body .wrap a.more { color: #e3132b}
		
		.news-list li:nth-child(even) .news-thumb { float: right}
		.news-list li:nth-child(even) .news-body { float: right }
		.news-list li:nth-child(even) .news-body .wrap { float: right; background: #e3132b; color: #fff}
		.news-list li:nth-child(even) .news-body .wrap .news-title a { color: #000}
		.news-list li:nth-child(even) .news-body .wrap a.more { color: #000}
	
	@media only screen and (max-width: 767px) {
		
		.news-list .news-thumb, .news-list .news-body { float: none !important; width: auto}
		.news-list .news-body .wrap { float: none !important; margin: 0; width: auto}
	
	}
		
	/*-- Car View --*/
	.car-view {}
	
	.car-top-menu { }
	.car-top-menu > ul { list-style: none; margin: 0; padding: 0; display: table; width: 100%;}
	.car-top-menu > ul > li { display: table-cell; width: 50%; color: #a2a2a2; background: #212224; text-align: center; height: 74px; line-height: 68px; position: relative}
	.car-top-menu > ul > li:before { position: absolute; content: ""; left: -37px; top: 0; z-index: 1;
		width: 0; height: 0; border-style: solid;
		border-width: 0 0 74px 74px; border-color: transparent transparent #212224 transparent;
	}
	.car-top-menu > ul > li:after { position: absolute; content: ""; right: -37px; top: 0; z-index: 1;
		width: 0; height: 0; border-style: solid;
		border-width: 74px 74px 0 0; border-color: #212224 transparent transparent transparent;
	}
	.car-top-menu > ul > li a {color: #a2a2a2; display: inline-block; padding: 0 10px; font-size: 32px; text-transform: uppercase; position: relative}
	.car-top-menu > ul > li.active { background: #e11428;}
	.car-top-menu > ul > li.active:before { border-width: 0 0 74px 74px; border-color: transparent transparent #e11428 transparent;}
	.car-top-menu > ul > li.active:after { border-width: 74px 74px 0 0; border-color: #e11428 transparent transparent transparent;}
	.car-top-menu > ul > li.active a {color: #fff;}
		.car-top-menu > ul > li.active a:after { content:""; position: absolute; left: 50%; margin-left: -10px; bottom: -20px;
			width: 0; height: 0; border-style: solid; border-width: 20px 16px 0 16px; border-color: #e11428 transparent transparent transparent;
		}	
	
	.car-top-menu > ul > li:first-child { text-align: right; padding-right: 180px;}
	.car-top-menu > ul > li:last-child { text-align: left; padding-left: 180px;}
	
	.car-sub-menu { position: relative; z-index: 1; background: #e11428; padding: 8px 0;}
		.car-sub-menu ul { list-style: none; margin: 0; padding: 0; text-align: center; font-size: 15px; text-transform: uppercase}
		.car-sub-menu ul li { display: inline-block}
		.car-sub-menu ul li a { display: block; color: #fff; padding: 5px 10px;}
		.car-sub-menu ul li.active a { color: #000}
	
	.car-overview { padding: 80px 0 20px}
		.car-overview .container {width: 800px; max-width: 100%;}
		.car-overview .item-thumb { text-align: center; margin-bottom: 15px;}
		.car-overview .item-thumb img { max-width: 100%; height: auto}
		.car-overview .item-content {}
		.car-overview .item-content .sub { float: left; width: 200px; text-transform: uppercase; font-size: 28px; line-height: 30px; color: #585858; text-align: right; font-weight: bold}	
		.car-overview .item-content .sub span { color: #e11428}
		.car-overview .item-content .main { padding-left: 220px; font-size: 15px; line-height: 18px;}	
	
	.car-intro {}
	
	.car-closer { background: #e11428; color: #fff;}
		.car-closer .panel-left {}
		.car-closer .panel-right {}
		.car-closer .panel-right img { width: 100%; height: auto}	
		.car-closer .caption { font-size: 14px; line-height: 24px; margin: 30px 0;}
		.car-closer .caption h2 { font-weight: bold; font-size: 32px; text-transform: uppercase; margin-bottom: 20px;}
		.car-closer .caption h2 span { color: #000}	
	
	.car-desc {}
		.car-desc-block { padding: 20px 0;}
		.car-desc-block.nopad { padding: 0;}
		.car-desc-block.wborder { border-top: solid 6px #e11428}
		.car-desc h3 { font-size: 18px; margin: 0 0 8px;}
		.car-desc img { max-width: 100%; height: auto}
	
	.car-desc-header { position: relative; text-transform: uppercase; margin-bottom: 20px;}
		.car-desc-header h1 { font-size: 28px; color: #e11428; font-weight: bold}
		.car-desc-header a.btn-find { display: inline-block; padding: 8px 15px; background: #1b1d1f; color: #FFFFFF; position: absolute; top: -5px; right: 0; font-size: 24px; z-index: 1}
			.car-desc-header a.btn-find span { color: #e11428;}
			.car-desc-block.nopad a.btn-find { top: 15px;}
	
	.color-selection { background: #FFFFFF; padding: 8px 10px; margin-left: -10px; position: relative; z-index: 1; display: inline-block; margin-top: 20px;}
		.color-selection .color-picker { font-size: 13px; display: inline-block; margin-left: 20px;}
		.color-selection .color-picker label { position: relative; top: -5px; margin: 0; color: #6b6b6b; font-weight: normal}
		.color-selection .color-picker ul { display: inline-block; margin: 0; padding: 0; list-style: none; margin-left: 5px;}
		.color-selection .color-picker ul li { display: inline-block; margin: 0 2px;}
		.color-selection .color-picker ul li span { display: block; width: 24px; height: 24px;}
	
	.car-color { position: relative; margin-top: -90px; z-index: 0;}
		.car-color img { width: 100%; height: auto}	
	
	.car-catalog { margin-bottom: 20px;}
		.car-catalog .thumb { float: left; width: 50%;}
		.car-catalog .thumb img { width: 100%; height: auto}
		.car-catalog .content { margin-left: 50%; padding-left: 15px; padding-top: 10px;}
		
		.car-catalog h2 { font-size: 22px; text-transform: uppercase; margin-bottom: 10px;}
		.car-catalog .form-control { display: inline-block; width: 40px;}
		.car-catalog .qty { margin: 20px 0;}
		.car-catalog .qty label { font-weight: normal; margin-left: 10px;} 
		.car-catalog .btn-area { margin: 40px 0 0; text-align: center;}
	
	.inner-brochure { padding: 120px 0}
	
	.gallery-block {}
		.gallery-block .boxcaption{ top: 100%; position: absolute; text-align: center; color: #fff;
			height: 100%; width: 100%;		
			padding: 10px 15px;
			background: rgb(225, 20, 40); /* The Fallback */
			background: rgba(225, 20, 40, 0.80); 
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		}
		
		.gallery-block .boxcaption.nocolor { background: none}
		
		.gallery-block .block-cover { position: relative; overflow: hidden}
		.gallery-block {}
		.gallery-block .block-item { width: 33.333333%; float: left}
		.gallery-block .block-item img { width: 100%; height: auto}
		
		.gallery-block .captionfix .boxcaption { top: 0;}
		
		.gallery-block .btn-view { display: inline-block; color: #FFFFFF; border: solid 2px #fff; padding: 8px 15px; text-transform: uppercase; font-size: 16px;}
		.gallery-block .captionfix .btn-view {
			background: rgb(225, 20, 40); /* The Fallback */
			background: rgba(225, 20, 40, 0.80); 
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		}
	
	@media only screen and (min-width: 768px) and (max-width: 991px) {
	
		.car-top-menu ul li a { font-size: 26px;}
		.car-top-menu ul li:first-child { text-align: right; padding-right: 160px;}
		.car-top-menu ul li:last-child { text-align: left; padding-left: 160px;}
	}
	
	@media only screen and (max-width: 767px) {
		.car-top-menu ul li { height: 46px; line-height: 40px;}
		
		.car-top-menu ul li a { font-size: 16px;}
		.car-top-menu ul li:first-child { text-align: right; padding-right: 30px;}
		.car-top-menu ul li:last-child { text-align: left; padding-left: 30px;}
		
		.car-top-menu ul li:before { left: -23px; top: 0; z-index: 1; border-width: 0 0 46px 46px; border-color: transparent transparent #212224 transparent;}
		.car-top-menu ul li:after { right: -23px; top: 0; z-index: 1; border-width: 46px 46px 0 0; border-color: #212224 transparent transparent transparent;}
		.car-top-menu ul li.active:before { border-width: 0 0 46px 46px; border-color: transparent transparent #e11428 transparent;}
		.car-top-menu ul li.active:after { border-width: 46px 46px 0 0; border-color: #e11428 transparent transparent transparent;}
		
	}
	
	/*-- Owner View --*/
	
	.owner-top-menu { height: 46px; line-height: 46px; background: #e11428; margin-top: -6px;}
	.owner-top-menu ul { list-style: none; margin: 0; padding: 0; text-align: center; font-size: 14px; text-transform: uppercase}
	.owner-top-menu ul li { display: inline-block; height: 46px; line-height: 46px; }
	.owner-top-menu a { color: #FFFFFF; position: relative; padding: 0 25px; display: block;}
	.owner-top-menu ul li.active a { color: #000000}
		.owner-top-menu ul li.active a:after { content:""; position: absolute; left: 50%; margin-left: -5px; bottom: -10px; z-index: 10;
			width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #e11428 transparent transparent transparent;
		}	
	
	.owner-content { padding-bottom: 60px; color: #6b6b6b;}
		.owner-content h1 { color: #e11428; margin: 40px 0 30px; text-transform: uppercase; font-size: 32px; font-weight: bold}
		.owner-content h2 { color: #FFFFFF; font-weight: bold; font-size: 24px; margin: 0 0 20px}
	
	.owner-content .white-wrap { background: #FFFFFF; border-top: solid 30px #1b1d1f; position: relative; padding: 30px 20px 20px; margin-bottom: 20px;
		-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	}
		.owner-content .white-wrap:before { content:""; width: 100%; height: 10px; background: #e11428; top: 0; left: 0; position: absolute}
	
			
	.panel-accordion .panel { border: none}
	.panel-accordion .panel-heading { padding: 10px 25px; background: #000; color: #FFFFFF; cursor: pointer; border-bottom: solid 6px #e11428;}
	.panel-accordion .panel-heading .panel-title { font-size: 24px; }
	.panel-accordion .panel-collapse .panel-body {background: #fff; border-top: none !important; font-family: Arial, Helvetica, sans-serif; 
		padding: 10px 25px 25px; font-size: 14px; line-height: 16px;}
	.panel-accordion .panel-collapse.collapsing .panel-body {}	
	.panel-accordion .accordion-toggle { position: relative}
	.panel-accordion .accordion-toggle:after {
		font-family: 'FontAwesome';
	  	content: "\f0d7";
	  	position: absolute;	right: 0; top: 2px;
	}
	.panel-accordion .panel-heading.collapsed .accordion-toggle:after {
		font-family: 'FontAwesome';
	  	content: "\f0da";
	  	position: absolute;	right: 0; top: 2px;
	}	
	
/*-- Responsive --*/

.show-m, .show-xs { display: none !important}
.show-d { display: block !important}

	
	
@media only screen and (min-width: 992px) and (max-width: 1199px)  {

}
	
@media only screen and (min-width: 768px) and (max-width: 991px) {

	
}
	
@media only screen and (min-width: 545px) and (max-width: 767px) {
		
		
}
	
@media only screen and (min-width: 768px) {	

			
}
		
	
@media only screen and (max-width: 767px) {		

.show-m { display: block !important}
.show-d { display: none !important}

					 
}
	

@media (max-width: 544px) {		

.hide-xs { display: none !important}	
.show-xs { display: block !important}

	
		
}	

@media (max-width: 420px) {

}


@media (max-width: 320px) {


}


